<!-- base.html -->
<!DOCTYPE html>
<html lang="en">
<!--head-->
<head>
    <meta charset="UTF-8">
    <title>{% block title %}亿云EIP系统{% endblock %}</title>
    <!-- bootstrap 3.3.7 -->
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap.min.css">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap-theme.min.css">
    <!-- 实现时间选择 -->
    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap-datepicker3.min.css">

    <!-- JQuery 2.1.14 -->
    <script type="text/javascript" src="/static/js/jquery-2.1.4.min.js"></script>
    <!-- 最新的 Bootstrap 3.3.7 核心 JavaScript 文件 -->
    <script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
    <!-- 实现时间选择 -->
    <script type="text/javascript" src="/static/js/bootstrap-datepicker.min.js"></script>
    <script type="text/javascript" src="/static/js/locales/bootstrap-datepicker.zh-CN.min.js"></script>
    <style>
        h1, h2, h3, h4, h5, p, div, a, table, form, nav, ul {
            font-family:微软雅黑;
        }
    </style>
</head>
<!--body-->
<body background="/static/img/global_bg.jpg" style="padding: 60px 10px 10px 10px;" >
{% load staticfiles %}
{% include "header.html" %}
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-2 col-md-2">
            <div class="panel panel-default">
                <div class="panel-heading">
                    {% block menuname %}
                        <h4 class="panel-title">快速链接</h4>
                    {% endblock %}
                </div>
                <div class="panel-body">
                    <div class="list-group">
                        {% block menulist %}
                            <a href="http://www.baidu.com" class="list-group-item">百度</a>
                            <a href="http://cn.bing.com" class="list-group-item">必应</a>
                            <a href="http://www.cisco.com" class="list-group-item">思科</a>
                            <a href="http://www.huawei.com" class="list-group-item">华为</a>
                            <a href="http://www.h3c.com" class="list-group-item">H3C</a>
                        {% endblock %}
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-10 col-md-10">
            <div class="panel panel-default">
                <div class="panel-heading">
                    {% block headmessage %}
                        <h3>亿云EIP系统</h3>
                    {% endblock %}
                </div>
                <!-- 统一在此显示通知信息 -->
                {% for message in messages %}
                    {% if forloop.last %}
                        <div class="alert alert-{{ message.tags }}">{{ message }}</div>
                    {% endif %}
                {% endfor %}
                <div class="panel-body">
                    {% block content %}
                        内容显示区域
                    {% endblock %}
                </div>
            </div>
        </div>
    </div>
</div>
{% include "footer.html" %}
</body>
</html>